<!DOCTYPE html>
<html class="no-js" lang="en">
<head>

    <!--- basic page needs
    ================================================== -->
    <meta charset="utf-8">
    <title>Kairos</title>
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- mobile specific metas
    ================================================== -->
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- CSS
    <link rel="stylesheet" href="../testmodel/css/bootstrap.css">
    ================================================== -->


    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/vendor.css">
    <link rel="stylesheet" href="css/main.css">


    <!-- script
    ================================================== -->
    <script src="js/modernizr.js"></script>
    <script src="js/pace.min.js"></script>

    <!-- favicons
    ================================================== -->
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <link rel="icon" href="favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="css/modal.css">


</head>

<body id="top">

<!-- preloader
================================================== -->
<div id="preloader">
    <div id="loader" class="dots-jump">
        <div></div>
        <div></div>
        <div></div>
    </div>
</div>


<!-- header 
================================================== -->
<header class="s-header">

    <div class="row">
        <div class="header-logo">
            <a class="site-logo" href="index.html">
                <img src="images/logo.svg" alt="Homepage">
            </a>
        </div>

        <nav class="header-nav-wrap">
            <ul class="header-main-nav">
                <li class="current"><a class="smoothscroll" href="#index" title="intro">首页</a></li>
                <li><a class="smoothscroll" href="#function" title="about">功能</a></li>
                <li><a class="smoothscroll" href="#learn" title="learn">教程</a></li>
                <li><a class="smoothscroll" href="#talk" title="talking">论坛</a></li>
                <li><a class="smoothscroll" href="#home" title="home">个人中心</a></li>
                <li><a class="smoothscroll" href="#callWe" title="callWe">联系我们</a></li>
            </ul>

            <div class="header-cta">
                <a href="#download" class="btn btn--primary header-cta__btn smoothscroll" style="font-size: 15px">购买产品</a>
            </div>
        </nav> <!-- end header-nav-wrap -->

        <a class="header-menu-toggle" href="#"><span>Menu</span></a>
    </div>

</header> <!-- end header -->


<!-- home
================================================== -->
<section id="index" class="s-home target-section" data-parallax="scroll" data-image-src="images/hero-bg.jpg"
         data-natural-width=3000 data-natural-height=2000 data-position-y=center>

    <div class="shadow-overlay"></div>

    <div class="home-content">

        <div class="row home-content__main">

            <div class="home-content__left">
                <h1 style="font-size: 56px">
                    全屋定制 <br>
                    <span >轻量级在线拆单工具</span>
                </h1>

                <h3 style="font-family: 'Microsoft YaHei UI';"  style="color: whitesmoke; font-size: 24px" class="display-1">
                    完美解析酷家乐全屋定制模型
                </h3>

                <div class="home-content__btn-wrap" style="height: 120px">
                    <a style="font-size: 26px;width: 350px;height: 50px" href="#download" class="btn btn--primary home-content__btn smoothscroll">
                        免费拆单
                    </a>
                </div>

                <div style="padding-top: 50px" class="home-content__right">

                    <img src="images/sucai/computer.png">

                </div>
            </div> <!-- end home-content__left-->

           <!-- end home-content__right -->

        </div> <!-- end home-content__main -->



    </div> <!-- end home-content -->

    <a href="#about" class="home-scroll smoothscroll">
        <span class="home-scroll__text">Scroll</span>
        <span class="home-scroll__icon"></span>
    </a>

</section> <!-- end s-home -->


<!-- about
================================================== -->
<section id="function" class="s-about target-section">

    <div style="padding-top: 0px" class="row section-header has-bottom-sep"
         data-aos="fade-up">
        <div class="col-full;" style="padding-left: 370px" >

          <div style="line-height: 55px">


          <span class="display-1" style="font-size: 20px;font-weight: 200;letter-spacing: 2px">注册即得</span><span class="display-1" style="font-size: 35px;font-weight: normal;letter-spacing: 2px">  &nbsp酷家乐企业账号</span>



            <p class="display-1" style="font-size: 20px;font-weight: 200;letter-spacing: 2px">拥有比酷家乐个人账号拥有更多的全屋定制模型库</p>
          </div>

            <br>
            <br>

            <h1 style="font-size: 50px" class="display-1">
                更多的功能在这里
            </h1>
        </div>
    </div> <!-- end section-header -->

    <div  class="row wide about-desc" data-aos="fade-up">

        <div class="col-full slick-slider about-desc__slider">

            <div class="about-desc__slide">

                <div  class="item-feature__icon display-1">
                    <img  style="display: block" src="images/sucai/front_back_one.png">
                </div>
                <h3  class="item-title " >前后端一套模型</h3>

                <p class="songti">
                    前端设计完成后，后端直接在此设计上匹配工艺，无需建立后台模型。
                </p>
            </div>  <!-- end about-desc__slide -->

            <div class="about-desc__slide">
                <div  class="item-feature__icon display-1">
                  <img src="images/sucai/design_sketch.png">
                </div>
                <h3 class="item-title">效果图方案一键拆单</h3>

                <p class="songti">
                    酷家乐全屋定制方案可在智能云拆单平台一键拆单，导出加工信息。
                </p>
            </div>  <!-- end about-desc__slide -->

            <div class="about-desc__slide">
                <div  class="item-feature__icon display-1">
                    <img src="images/sucai/smart_strictures.png">
                </div>
                <h3 class="item-title">智能工艺</h3>

                <span class="songti" style="font-family: SimSun-ExtB">
                    初次打开设计方案，智能匹配已收藏的工艺；
                    选择工艺规则，一键智能配置整个方案的工艺；
                    一次工艺配置，适应所有模型。
                </span>
            </div>  <!-- end about-desc__slide -->

            <div class="about-desc__slide">
                <div  class="item-feature__icon display-1">
                    <img src="images/sucai/smart_hardware.png">
                </div>
                <h3 class="item-title">智能五金孔槽</h3>

                <p class="songti">
                    任意五金的孔槽都可以自由创建和修改，
                    人性化思维的极简参数配置，随思而动。
                </p>
            </div>
            <!-- end about-desc__slide -->
            <div class="about-desc__slide">
                <div  class="item-feature__icon display-1">
                    <img src="images/sucai/crash_detection.png">
                </div>
                <h3 class="item-title">碰撞检测自动避让</h3>

                <p class="songti">
                    板件碰撞自动产生槽；五金碰撞标红提示；门铰
                    碰撞自动避让。
                </p>
            </div>

            <div class="about-desc__slide">
                <div  class="item-feature__icon display-1">
                    <img src="images/sucai/big_data.png">
                </div>
                <h3 class="item-title">大数据Nesting优化</h3>

                <p class="songti">
                    支持工程单的大批量排版优化，一次性可优化3万
                    张板，最大限度的提高板件的利用率
                </p>
            </div>

        </div> <!-- end about-desc__slider -->

    </div> <!-- end about-desc -->

</section> <!-- end s-about -->


<!-- about-how
================================================== -->
<section id="learn" class="s-about-how target-section">

    <div class="row">
        <div class="col-full video-bg" data-aos="fade-up">

            <div class="shadow-overlay"></div>

            <a class="btn-video" href="https://player.vimeo.com/video/14592941?color=00a650&title=0&byline=0&portrait=0"
               data-lity>
                <span class="video-icon"></span>
            </a>

            <div class="stats">
                <div class="item-stats">
                        <span class="item-stats__num">
                            3.1M
                        </span>
                    <span class="item-stats__title">
                            Downloads
                        </span>
                </div> <!-- end item-stats -->
                <div class="item-stats">
                        <span class="item-stats__num">
                            24K
                        </span>
                    <span class="item-stats__title">
                            Positive Reviews
                        </span>
                </div> <!-- end item-stats -->
            </div>
        </div> <!-- end video-bg -->
    </div>

    <div class="row process-wrap">
        <div>
            <h2 style="height: 80px;padding-top: 20px;font-size: 64px;letter-spacing: 1px" class="display-2 text-center" data-aos="fade-up">拆单课堂</h2>
            <p  class="lead" style="text-align: center;height: 80px;font-size: 21px;letter-spacing: 1px;color: #a1a1a1">这里有详细的视频教程和问答讨论帖子</p>
        </div>


        <div class="row" style="height: 70px">
            <center   >
                <hr style="width: 358px;height: 1px">
            </center>
        </div>


        <div class="row" style="height: 100px">
            <span style="font-size: 32px;font-weight: bold;padding-top: 80px">新手入门&nbsp &nbsp &nbsp</span>  <span style="font-size: 21px;letter-spacing: 1px;color: #a1a1a1">视频教程/图文攻略/悬赏问答</span>

        </div>


       <!-- <div class="process" data-aos="fade-up">
            <div class="process__steps block-1-2 block-tab-full group">

                <div class="col-block step">
                    <h3 class="item-title">Sign-Up</h3>
                    <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium,
                        totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae
                        dicta sunt explicabo.
                    </p>
                </div>

                <div class="col-block step">
                    <h3 class="item-title">Create</h3>
                    <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium,
                        totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae
                        dicta sunt explicabo.
                    </p>
                </div>

                <div class="col-block step">
                    <h3 class="item-title">Compose</h3>
                    <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium,
                        totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae
                        dicta sunt explicabo.
                    </p>
                </div>

                <div class="col-block step">
                    <h3 class="item-title">Send</h3>
                    <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium,
                        totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae
                        dicta sunt explicabo.
                    </p>
                </div>

            </div> &lt;!&ndash; end process__steps &ndash;&gt;
        </div> --><!-- end process -->


        <div class="row">


            <div style="height: 300px"  class="col-1-3">
                <div class="col-full video-bg " style="height: 300px;margin-left: -20px;margin-top: -30px" data-aos="fade-up">

                    <div class="shadow-overlay"></div>

                    <a class="btn-video" href="https://player.vimeo.com/video/14592941?color=00a650&title=0&byline=0&portrait=0"
                       data-lity>
                        <span class="video-icon"></span>
                    </a>
                    <div class="stats ">

                        <div  style="margin-top: 10px;padding-left: 10px" >

                            <span class="item-stats__title" style="font-weight: 550;font-size: 22px" >
                            五金孔槽设置
                        </span>
                        </div>

                        </div><!-- end item-stats -->






                </div> <!-- end video-bg -->
            </div>

            <div style="height: 300px"  class="col-1-3">
                <div class="col-full video-bg " style="height: 300px;margin-left: -20px;margin-top: -30px" data-aos="fade-up">

                    <div class="shadow-overlay"></div>

                    <a class="btn-video" href="https://player.vimeo.com/video/14592941?color=00a650&title=0&byline=0&portrait=0"
                       data-lity>
                        <span class="video-icon"></span>
                    </a>
                    <div class="stats ">

                        <div  style="margin-top: 10px;padding-left: 10px" >

                            <span class="item-stats__title" style="font-weight: 550;font-size: 22px" >
                            队列规则设置
                        </span>
                        </div>

                    </div><!-- end item-stats -->






                </div> <!-- end video-bg -->
            </div>

            <div style="height: 300px"  class="col-1-3">
                <div class="col-full video-bg " style="height: 300px;margin-left: -20px;margin-top: -30px" data-aos="fade-up">

                    <div class="shadow-overlay"></div>

                    <a class="btn-video" href="https://player.vimeo.com/video/14592941?color=00a650&title=0&byline=0&portrait=0"
                       data-lity>
                        <span class="video-icon"></span>
                    </a>
                    <div class="stats ">

                        <div  style="margin-top: 10px;padding-left: 10px" >

                            <span class="item-stats__title" style="font-weight: 550;font-size: 22px" >
                            通用工艺设置
                        </span>
                        </div>

                    </div><!-- end item-stats -->






                </div> <!-- end video-bg -->
            </div>



        </div>

    </div> <!-- end about-how -->

</section> <!-- end s-about-how -->


<!-- features
================================================== -->







<!-- pricing
================================================== -->
<section id="talk" class="s-pricing target-section">

    <div class="row section-header align-center" data-aos="fade-up">
        <div class="col-full" >
            <div style="height: 80px">
            <h1 style="font-size: 55px" class="display-1">
                功能升级 <br>
            </h1>
            </div>

            <div>


            <p class="lead" style="font-size: 18px;">
                可以提高工厂用户的生产效率，操作更加灵活
            </p>
            </div>
            <div>
                <center>
                    <hr class="display-2" style="color: red">
                </center>
            </div>

        </div>
    </div> <!-- end section-header -->










    <div class="row"  >
        <div    class="modal col-four " id="modal-one" aria-hidden="true">
            <div   class="modal-dialog">
                <div style="height:100px" class="modal-header">

                    <a id="closeModel" style=" display: block;text-align: right;font-size: 20px" href="#talk" class="btn-close" aria-hidden="true">×</a>
                    <span style="font-size: 30px;font-weight: bold;color: black">购买会员</span>
                </div>
                <div class="modal-body">
                    <div class="row">

                        <div class="col-four" style="height: 120px " >
                            <div style="text-align: center;border: solid 1px chocolate ;border-radius: 5px;
                        background-color: #f8ffff;height: 120px;width: 160px;"  >

                                <div  style="color: #985f0d;padding-top: 15px;height: 40px">月卡</div>
                                <div style="height: 40px;padding-top: 8px"> <span style="color: #985f0d">￥</span><span
                                        style="font-size: 20px;color: #985f0d;text-align: center">120</span>
                                </div>
                                <div style="text-decoration: line-through;height: 40px;padding-top: 0px">￥200</div>
                            </div>
                        </div>




                        <div class="col-four" style="height: 120px " >
                            <div style="text-align: center;border: solid 1px chocolate ;border-radius: 5px;
                        background-color: #f8ffff;height: 120px;width: 160px;"  >

                                <div  style="color: #985f0d;padding-top: 15px;height: 40px">月卡</div>
                               <div style="height: 40px;padding-top: 8px"> <span style="color: #985f0d">￥</span><span
                                    style="font-size: 20px;color: #985f0d;text-align: center">120</span>
                               </div>
                                <div style="text-decoration: line-through;height: 40px;padding-top: 0px">￥200</div>
                            </div>
                        </div>
                        <div class="col-four" style="height: 120px " >
                            <div style="text-align: center;border: solid 1px chocolate ;border-radius: 5px;
                        background-color: #f8ffff;height: 120px;width: 160px;"  >

                                <div  style="color: #985f0d;padding-top: 15px;height: 40px">月卡</div>
                                <div style="height: 40px;padding-top: 8px"> <span style="color: #985f0d">￥</span><span
                                        style="font-size: 20px;color: #985f0d;text-align: center">120</span>
                                </div>
                                <div style="text-decoration: line-through;height: 40px;padding-top: 0px">￥200</div>
                            </div>
                        </div>

                    </div>


                    <div class="row" style="margin-top: 15px">
                        <div class="col-four" style="padding-top: 8px">选择优惠:</div>
                        <div class="col-eight" style="text-align: right">
                            <img src="image/yoiuhui.png">
                            <span style="font-size: 20px;color: #ffd45a">6折</span> </div>
                    </div>
                    <div class="row" style="margin-top: 10px;margin-bottom: 10px">
                        <div class="col-four " style="padding-top: 6px">支付方式:</div>
                        <div class="col-eight" style="text-align: right"><img style="width: 150px" src="image/zhifu.png"></div>
                    </div>

                    <div style="border: 0.5px  solid;border-color: rgba(33,26,25,0.8) ;height: 180px ">

                        <div class="row" style="padding-left: 35px;padding-top:10px; height: 30px">扫码支付</div>

                        <div class="row" style="height: 120px">

                            <div style="padding-left: 240px;text-align: center" class="col-2-5 ">
                                <img  height="100px" width="100px" src="image/pay.png">

                            </div>

                            <div class="col-1-4" style="padding-top: 35px;padding-left: 0px;padding-right: 0px">
                                支付金额<span style="font-size: 25px;color: #ffd45a">120</span>元
                            </div>


                        </div>

                        <div class="row" style="text-align: center;color: #5e5e5e;font-size: 15px;padding-bottom: 50px">
                            扫码表示您同意《会员协议》

                        </div><!-- /.modal-content -->

                    </div>
                </div>

            </div>
        </div>

    </div>



    <div  class="row plans block-1-3 block-m-1-2 block-tab-full stack" >

        <div style="height: 642px;width: 398px;margin-left: 80px"  class=" col-block   item-plan"  data-aos="fade-up"
              >
            <div class="item-plan__block">

                <div class="item-plan__top-part">
                    <p class="tapTitle">普通用户</p>

                </div>

                <div class="item-plan__bottom-part">
                    <ul class="item-plan__features" style="line-height: 18px;font-size: 12px">
                        <li><span>1000</span>平米/越拆单量</li>
                        <li>一键应用通用工艺</li>
                        <li>一键拆单</li>
                        <li>基础工艺</li>
                        <li>nesting试用平米数<span>500</span>m²</li>
                        <br>
                        <br>
                        <br>
                        <br>
                        <br>




                    </ul>

                    <div style="padding-bottom: 20px">
                        <a style="width: 240px;height: 60px;font-size: 18px;letter-spacing: 5px;font-weight: 500" class="btn btn--primary large full-width payBtn" href="#">免费试用</a>
                    </div>

                </div>

            </div>
        </div> <!-- end item-plan -->

        <div style="height: 642px;width: 398px;margin-left: -30px" class=" item-plan col-block  item-plan--popular" data-aos="fade-up">
            <div class="item-plan__block">

                <div class="item-plan__top-part">
                    <p class="tapTitle">xxVIP会员</p>

                </div>

                <div class="item-plan__bottom-part">
                    <ul class="item-plan__features" style="line-height: 18px;font-size: 12px">
                        <li>增购面积<span>0.3</span>/平米</li>
                        <li>一键拆单</li>
                        <li>工艺库管理</li>
                        <li>基础工艺(可改)</li>
                        <li>系统设置/工厂相关配置</li>
                        <li>nesting试用平米数</li>
                        <li>门店管理(可增购)</li>
                        <li>关联子账号(可增购)</li>
                        <li>酷家乐VIP(可增购)</li>



                    </ul>
                    <div style="padding-bottom: 8px;padding-top: 10px;margin-bottom: 2px;">

                        <a style="width: 240px;height: 60px;font-size: 18px;letter-spacing: 5px;font-weight: 500" href="#modal-one"  class="btn btn--primary large full-width " >立即开通</a>
                    </div>


                </div>


            </div>
        </div> <!-- second item-plan -->




        <div style="height: 642px;width: 398px;margin-left: -30px" class=" item-plan col-block  item-plan--popular" data-aos="fade-up">
            <div class="item-plan__block">

                <div class="item-plan__top-part">
                    <p class="tapTitle">xxVIP会员</p>

                </div>

                <div  class="item-plan__bottom-part">

                    <div style="font-size: 12px" >

                        <div class="inputLineHeight"><input  type="checkbox" name="addFunction"/>共享工艺绑定账号 + 1</div>
                        <div class="inputLineHeight"><input  type="checkbox" name="addFunction"/>门店管理</div>
                        <div class="inputLineHeight"><input  type="checkbox" name="addFunction"/>nesting网络版</div>
                        <div class="inputLineHeight"><input  type="checkbox" name="addFunction"/>共享工艺非网络版&nbsp(永久)</div>
                        <div class="inputLineHeight"><input  type="checkbox" name="addFunction"/>打包软件&nbsp(永久)</div>
                        <div class="inputLineHeight"><input  type="checkbox" name="addFunction"/>酷家乐VIP</div>


                    </div>
                    <br>
                    <br>
                    <br>







                        <div style="padding-bottom: 10px;margin-bottom: 8px">
                           <lable for="modal_1"><a style="width: 240px;height: 60px;font-size: 18px;letter-spacing: 5px;font-weight: 500" href="#modal-one"   class="btn btn--primary large full-width payBtn" >立即开通</a>
                           </lable>
                        </div>





                </div>


            </div>
        </div> <!-- second item-plan -->

    </div> <!-- end plans -->

</section> <!-- end s-pricing -->





















<!--
<div id="myModel"  class="modal fade" tabindex="-1" role="dialog" aria-labelledby="gridSystemModalLabel">

    <div class="modal-dialog" role="document">

        <div class="modal-content">

            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span>
                </button>
                <span style="font-size: 20px;font-weight: bold" id="gridSystemModalLabel">购买会员 &nbsp</span><span style="font-size: 8px">账号:</span>
            </div>

            <div class="modal-body">
                <div  class="row">

                    <div class="col-lg-4" >

                        <div style="text-align: center;border: solid 1px chocolate ;border-radius: 5px;
                        background-color: #f3fffd" class="col-lg-10">

                            <h4 style="color: #985f0d">月卡</h4>
                            <span style="color: #985f0d">￥</span><span
                                style="font-size: 30px;color: #985f0d;text-align: center">120</span>
                            <p style="text-decoration: line-through;">￥200</p>
                        </div>
                    </div>


                    <div class="col-lg-4" style="margin: auto" >
                        <div style="text-align: center;border: solid 1px chocolate ;border-radius: 5px;
                        background-color: #f3fffd" class="col-lg-10" >

                            <h4 style="color: #985f0d">月卡</h4>
                            <span style="color: #985f0d">￥</span><span
                                style="font-size: 30px;color: #985f0d;text-align: center">120</span>
                            <p style="text-decoration: line-through;">￥200</p>
                        </div>
                    </div>

                    <div class="col-lg-4" style="margin: auto " >
                        <div style="text-align: center;border: solid 1px chocolate ;border-radius: 5px;
                        background-color: #f8ffff" class="col-lg-10" >

                            <h4 style="color: #985f0d">月卡</h4>
                            <span style="color: #985f0d">￥</span><span
                                style="font-size: 30px;color: #985f0d;text-align: center">120</span>
                            <p style="text-decoration: line-through;">￥200</p>
                        </div>
                    </div>

                </div>


                <div  class="row" style="margin-top: 10px">
                    <div class="col-lg-3 " style="padding-top: 8px">选择优惠:</div>
                    <div class="col-lg-4 col-lg-offset-5" style="text-align: right">
                        <img src="image/yoiuhui.png">
                        <span style="font-size: 20px;color: #ffd45a">6折</span> </div>
                </div>
                <div  class="row" style="margin-top: 10px;margin-bottom: 10px">
                    <div class="col-lg-4 " style="padding-top: 6px">支付方式:</div>
                    <div class="col-lg-4 col-lg-offset-4" style="text-align: right"><img style="width: 150px" src="image/zhifu.png"></div>
                </div>
                <div  style="border: 0.5px  solid;border-color: rgba(33,26,25,0.8) ">

                    <div class="row" style="padding-left: 35px;padding-top:10px; height: 30px">扫码支付</div>

                    <div class="row" style="height: 180px">

                        <div style="padding-left: 20px" class="col-lg-8 col-lg-offset-4">
                            <img height="150px" width="150px" src="image/pay.png">
                            支付金额120远
                        </div>


                    </div>

                    <div class="row" style="text-align: center;color: #5e5e5e;font-size: 10px;padding-bottom: 20px">
                        扫码表示您同意《会员协议》

                    </div>

                </div>


            </div>
        </div>

    </div>

</div>
-->


<!-- download
================================================== -->
<section id="home" class="s-download target-section">

    <div class="row section-header align-center" data-aos="fade-up">
        <div class="col-full">
            <div>
                <h1  class="display-1" style="font-size: 64px;letter-spacing: 5px">
                    智能云设计，简单、高效、专业
                </h1>
            </div>

            <p class="lead" style="font-size: 21px;color: #b6b6b6;line-height: 40px">
                体验进入无需注册，内有完整模型可供体验工艺配置<br>
                用户注册扫码登入，即可开始自由画柜拆单
            </p>
        </div>
    </div> <!-- end section-header -->

    <div class="row">
        <div class="col-full text-center">
            <ul class="download-badges" data-aos="fade-up">
               <li>



              <li><a href="#" style="display:block;background-color: black;width: 256px;height:78px;line-height:60px;border-radius: 10px;padding-top: 15px"  class="btn--primary  col-full display-1" role="button" ><span class="display-1" style="font-size: 21px;letter-spacing: 2px">体验登入</span></a></li>
              <li><a href="#" style="display:block;background-color: black;width: 256px;height:78px;line-height:60px;border-radius: 10px;padding-top: 15px"  class="btn--primary  col-full display-1" role="button" ><span class="display-1" style="font-size: 21px;letter-spacing: 2px">用户注册</span></a></li>

            </ul>
        </div>
    </div>


    <div class="row download-bottom-image" data-aos="fade-up">
        <img src="images/app-screen-1400.png"
             srcset="images/app-screen-600.png 600w, 
                        images/app-screen-1400.png 1400w, 
                        images/app-screen-2800.png 2800w"
             sizes="(max-width: 2800px) 100vw, 2800px"
             alt="App Screenshots">
    </div>

</section> <!-- end s-download -->


<!-- footer
================================================== -->





<section id="callWe" class="s-home target-section" data-parallax="scroll" data-image-src="images/sucai/callWe.png"
         data-natural-width=3000 data-natural-height=2000 data-position-y=center>

<footer  class="s-footer footer">


    <div class="row footer__top">
        <div class="footer__about col-four tab-full left">

            <h4 style="font-size: 64px;letter-spacing: 1.5px">联系我们</h4>
            <ul class="footer__site-links" style="letter-spacing: 1px;line-height: 30px">
                <li><a href="#home" style="font-size: 21px;color: #b6b6b6" class="smoothscroll">如果你有以下需求</a></li>
                <li><a href="#about" style="font-size: 21px;color: #b6b6b6" class="smoothscroll">1.对接机器</a></li>
                <li><a href="#features" style="font-size: 21px;color: #b6b6b6" class="smoothscroll">2.模型定制</a></li>
                <li><a href="#pricing" style="font-size: 21px;color: #b6b6b6" class="smoothscroll">3.上面教学服务</a></li>
                <li><a href="#download" style="font-size: 21px;color: #b6b6b6" class="smoothscroll">请联系我们,我们会尽快为您解决问题</a></li>

            </ul>


        </div>

        <div class="col-six  tab-full right end" style="margin-right: auto">
            <form>
                <div>

                    <input  class="myInput" type="text" placeholder="您的名字" id="youname" name="name">
                </div>
                <div>

                    <input class="myInput" type="text" placeholder="联系方式" id="method" name="method">
                </div>


               <div>
                <textarea  class="myInput" placeholder="您的留言" id="message"></textarea>

               </div>



                    <input style="margin-left: 150px;padding-bottom: 50px;font-size:18px;
                    border-radius: 30px;width: 180px;height: 42px;letter-spacing: 15px;padding-left: 50px;font-weight: 300"  class="btn--primary " type="submit" value="确定">




            </form>



    </div>
    </div>





   <a  style="text-align: right;display: block"  href="http://www.cssmoban.com/"
                                                        target="_blank" title="模板之家"
   >
        广州王石技术有限公司</a>



        <div class="go-top">
            <a class="smoothscroll" title="Back to Top" href="#top"></a>
        </div>

</footer> <!-- end s-footer -->
    </section>





<!-- Java Script
================================================== -->
<script src="js/jquery-3.2.1.min.js"></script>

<script src="js/plugins.js"></script>
<script src="js/main.js"></script>

<script>

    window.onload=function () {

        $("body").click(function () {
            location.href="#closeModal"


        })

    }


</script>




</body>